<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>数据字典生成助手 -- 第一步</title>
    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css"/>
    <script src="http://cdn.bootcss.com/jquery/1.11.2/jquery.min.js"></script>
    <script src="bootstrap/js/bootstrap.min.js"></script>
    <style type="text/css">
        body {
            background: #c0ffa7;
            color: #4f1b18;
        }

        .alert {
            text-align: center;
            margin-left: 150px;
        }

        .row {
            margin: 0 auto;
        }

        form {
            width: 90%;
        }
    </style>
</head>
<body>
<div class="row">
    <h1 class="text-center">数据字典生成助手 -- 第一步</h1>
    <?php if (isset($error)): ?>
        <div class="alert alert-danger"><?php echo $error; ?></div>
    <?php endif; ?>
    <form class="form-horizontal" method="post" action="?step=2">
        <div class="form-group">
            <label for="ip" class="col-sm-2 control-label">数据库地址</label>

            <div class="col-sm-10">
                <input type="text" name="ip" class="form-control" id="ip" placeholder="填写数据库地址">
            </div>
        </div>
        <div class="form-group">
            <label for="user" class="col-sm-2 control-label">用户名</label>

            <div class="col-sm-10">
                <input type="text" name="user" class="form-control" id="user" placeholder="用户名">
            </div>
        </div>
        <div class="form-group">
            <label for="password" class="col-sm-2 control-label">密码</label>

            <div class="col-sm-10">
                <input type="password" name="password" class="form-control" id="password" placeholder="密码">
            </div>
        </div>
        <div class="form-group">
            <label for="port" class="col-sm-2 control-label">端口</label>

            <div class="col-sm-10">
                <input type="text" name="port" class="form-control" id="port" placeholder="数据库端口" value="3306">
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-offset-2 col-sm-10">
                <button type="submit" class="btn btn-success btn-block">下一步</button>
            </div>
        </div>
    </form>
</div>

</body>
</html>